<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="css/menu.css">
        <script src="js/zy_control.js">
        </script>
        <script src="js/zy_click.js">
        </script>
    </head>
    <body class="um-vp c-wh" ontouchstart>
        <div id="page_0" class="up ub ub-ver" tabindex="0">
			<!--content开始-->
            <div id="content" class="ub-f1 tx-l ub-img6 res10">
            	<div class="phone">
					<div class="menu"><span>菜单</span></div>
				    <div class="btn btn1"><span>照相</span></div>
				    <div class="btn btn2"><span>位置</span></div>
				    <div class="btn btn3"><span>音乐</span></div>
				    <div class="btn btn4"><span>聊天</span></div>
				    <div class="btn btn5"><span>夜间</span></div>
				</div>
            </div>
            <!--content结束-->
        </div>
    </body>
	<script src="js/zepto.js">
        </script>
    <script>
        zy_init();
        window.uexOnload = function(type){
			//showNews(0);
        }
			$(".menu").click(function(){
				var span = $(this).find("span");
				if(span.attr("class") == "open"){
					span.removeClass("open");
					span.addClass("close");
					$(".btn").removeClass("open");
					$(".btn").addClass("close");
				}else{
					span.removeClass("close");
					span.addClass("open");
					$(".btn").removeClass("close");
					$(".btn").addClass("open");
				}
			});
    </script>
</html>
